<template>
<!-- 商城头部 -->
<el-row class="row-bg" justify="space-between">
  <el-col :span="4"><div class="grid-content" />
    <el-image :src="logo" class="logo" fit="fill"/>
  </el-col>
  <el-col :span="14">
    <head-center class="center"></head-center>
  </el-col>
  <el-col :span="6">
    <user class="user"/>
  </el-col>
</el-row>
</template>

<script setup>
import logo from '@/assets/logo.jpg'
import HeadCenter from "@/components/HeadCenter.vue"
import User from './User.vue'
</script>

<style scoped>
.row-bg {
  padding: 0;
  margin: 0;  
  height: 100%;
}
.grid-content {
  margin: 10px;
}
.logo{
  width: 100px;
  height:100px;
  margin-left:90px
}

.center{
  margin-top: 40px;
  text-align: center;
}
.user{
  margin-left: 140px;
}
</style>
